.songDiv{
    width: 10rem;
    height: 1.2rem;
    /* background-color: green; */
    display: flex;
    margin-bottom: 0.2rem;
    
}
.Serial{
    height: 100%;
    width: 1.2rem;
    /* background-color: red; */
    text-align: center;
    line-height: 1.2rem;
    color: #1a1a1a;
    border-left: 3px solid #ffffff;
    font-size: 0.5rem;
}
.song_description{
    height: 100%;
    width: 60%;
    /* background-color: yellow; */
    display: flex;
    flex-direction: column;
}
.song_description_top{
    height: 60%;
    width: 100%;
    /* background-color: pink; */

}
.song_description_footer{
    height: 40%;
    width: 100%;
    /* background-color:white; */
    display: flex;
}
.song_label{
    height: 100%;
    width: 15%;
    /* background-color: #684; */
    /* display: flex; */
}
.song_name{
    color: #000;
    font-weight: bold;
    word-break: break-all;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-spacing: nowrap;
    font-size: 0.45rem;
}
.song_author{
    font-size: 0.3rem;
    word-break: break-all;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-spacing: nowrap;
    color: #898989;
    margin-left: 0.1rem;
}
.song_label_div{
    height: 0.3rem;
    width: 0.6rem;
    color: #e8cd92;
    border: 1px solid #e8cd92;
    border-radius: 0.0777rem;
    font-size: 0.3rem;
    text-align: center;
    line-height: 0.3rem;
}
.active_song{
    border-left: 3px solid #64d09c;
    
}
.active_song_name{
    color: #75e396;

}
.songList{
    height: 10rem;
    width: 10rem;
}
.ellipsis_songlist_pic{
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.5rem;
}
.video_play_songlist_play{
    width: 0.5rem;
    height: 0.5rem;
}
.song_icon{
    display: flex;
}
.ellipsis_video_play_pic{
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.5rem;

}
.audio_control{
    position: fixed;
    bottom: 8vh;
    background-color: green;
    width: 9.3rem;
    height: 1.2rem;
    z-index: 999;
    border-radius: 0 50px 50px 0;
    background-image: linear-gradient(to bottom, #a19b94, #a8a29b, #b0a9a1, #b7b1a8, #bfb8af, #c2bbb2, #c6bfb5, #c9c2b8, #c9c2b8, #cac3b9, #cac3b9, #cac3b9);

}
.loop{
    width: 0.5rem;
    height: 0.5rem;
    position: fixed;
    bottom: 10vh;
    right: 8vw;
    z-index: 1999;
}
.loop_img{
    width: 100%;
    height: 100%;
    
   
}
.body{
    width: 100vw;
    height: 100vh;
}